<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>C2C-shopping</title>
    <link rel="stylesheet" href="./CSS/index.css">
    <link rel="stylesheet" href="./CSS/deatails.css">
    <script src="./js/index.js"></script>
    <script src="./js/details.js"></script>
</head>
<body>
 <!-- 头部 -->
 <div class="head">
    <div class="head_top">
        <div class="top_between">
            <div class="top_a">
                <div class="nav">
                    <ul>
                        <li>
                        <form action="IndexServelt" method="post" style="display: inline;">
                            <input type="submit" name="submit" value="C2C辰" class="button_all" />
                       </form>
                        </li>
                        
                        <li><a href="#">Flyme</a></li>
                        <li><a href="#">Android</a></li>
                        <li><a href="#">社区</a></li>
                        <div class="nav-box"></div>
                    </ul>
                </div>
            </div>
            <div class="top_b" >

                <!-- 用户资料 -->
                <div class="username">
                    <a href="#" class="usernamec"><em class="u_iconfont"><img src="./images/user.png"></em>id</a>
                    <!-- 用户资料x'x展开 -->
                    <div class="u_menu">
                        <div class="u_menu_left">
                            <img src="./images/userimage.jpg" alt="">
                        </div>
                        <div class="u_menu_right">
                                <p>账号：</p>
                                <p>密码：</p>
                                <p>邮箱：</p>
                        </div>
                    </div>
                </div>

                <!-- 注销 -->
                <div class="newuser"><a href="./login.jsp">注销</a></div>
            </div>

            <div class="top_c">
<!--                    购物车 -->
                <div class="shopcar">
                    <a href="#" class="shopcarc"><em class="u_iconfont"><img src="./images/shopcar.png"></em>购物车</a>
                    <!-- 用户资料x'x展开 -->
                    <div class="shopcar_menu" style="overflow-y:auto">
                        <!-- 卡片模板 -->
                            <div class="shopcar_all">
                                <div class="shopcar_all_name">
                                    <img src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAWsR_AAVjlvuU3OQ275.png680x680.jpg" alt="">
                                </div>
                                <div class="shopcar_all_text">
                                    <a href="#">魅族 18s Pro</a>
                                </div>
                                <div class="shopcar_all_price">
                                    <a href="#">￥2299</a>
                                </div>
                            </div>
                            <div class="shopcar_all">
                                <div class="shopcar_all_name">
                                    <img src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAWsR_AAVjlvuU3OQ275.png680x680.jpg" alt="">
                                </div>
                                <div class="shopcar_all_text">
                                    <a href="#">魅族 18s Pro</a>
                                </div>
                                <div class="shopcar_all_price">
                                    <a href="#">￥2299</a>
                                </div>
                            </div>
                        
                       
                        
                      <!-- <c:forEach items="${listc }" var="sh">
                        <!- 卡片模板 -->
                        <!-- <div class="shopcar_all">
                            <div style="display: none;"><h5>${sh.cid}</h5></div>
                            <div class="shopcar_all_name">
                                <a href="IndexServelt?action=loadallc&cid=${sh.cid}"><img src="${sh.curl}" alt=""></a>
                            </div>
                            <div class="shopcar_all_text">
                                <a href="#">${sh.cname}</a>
                            </div>
                            <div class="shopcar_all_price">
                                <a href="#">${sh.cprice}</a>
                            </div>
                        </div>
                      </c:forEach> -->

                        
                       
                     </div>
                </div>
            </div>
        </div>
    </div>

    <div class="head_under">
        <div class="under_between">
            <!-- logo -->
            <div class="logo">

                <h2>C2C</h2>
            </div>

            <!-- 导航栏 -->
            <div class="top_between_second">
                <div class="between_second_fisrt">
                    <a href="#" class="firstc">手机专区</a>
                    <div class="first_menu">

                    
                        <!-- /* 商品列表 target="_blank" */ -->
                        <div class="menu_between">
                        
                        <c:forEach items="${list }" var="ph">
                            <div class="menu_shopall">
                                <div style="display: none;"><h5>${ph.pid}</h5></div>
                                <div class="menu_shopall_a">
                                    <a href="#" target="_blank"><img src="https://wwwstatic.vivo.com.cn/vivoportal/files/image/detail/20221117/46567246dfbb931eed633910dd88806e.png" alt=""></a>
                                </div>
                                <div class="menu_shopall_b">
                                    <a href="#">OPPO Findx5</a>
                                </div>
                                <div class="menu_shopall_c">
                                    <a href="#">2999</a>
                                </div>
                            </div>
                        </c:forEach>
                        <div class="menu_shopall">
                            <div style="display: none;"><h5>${ph.pid}</h5></div>
                            <div class="menu_shopall_a">
                                <a href="#" target="_blank"><img src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202209/gbom/6941487279265/800_800_E248E6B62422E2D8620909D13EE1C71Amp.png" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">华为P50</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">4999</a>
                            </div>
                        </div>
                        <div class="menu_shopall">
                            <div style="display: none;"><h5>${ph.pid}</h5></div>
                            <div class="menu_shopall_a">
                                <a href="#" target="_blank"><img src="https://shopstatic.vivo.com.cn/vivoshop/commodity/53/10007953_1669636421605_750x750.png.webp" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">IQOO 11</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">4999</a>
                            </div>
                        </div>
                        <div class="menu_shopall">
                            <div style="display: none;"><h5>${ph.pid}</h5></div>
                            <div class="menu_shopall_a">
                                <a href="#" target="_blank"><img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1670747130.70537280.png" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">小米 13Pr0</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">4999</a>
                            </div>
                        </div>
                        <div class="menu_shopall">
                            <div style="display: none;"><h5>${ph.pid}</h5></div>
                            <div class="menu_shopall_a">
                                <a href="#" target="_blank"><img src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAWsR_AAVjlvuU3OQ275.png680x680.jpg" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">魅族 18s Pro</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">4999</a>
                            </div>
                        </div>


                        </div>
                    </div>
                </div>





                <div class="between_second_second">
                    <a href="#" class="secondc">外设专区</a>
                    <div class="second_menu">
                        <!-- /* 商品列表 */ -->
                        <div class="menu_between">
                            <div class="menu_shopall">
                                <div class="menu_shopall_a">
                                    <a href="#"><img src="https://openfile.meizu.com/group1/M00/08/DC/Cgbj0WFETByAWsR_AAVjlvuU3OQ275.png680x680.jpg" alt=""></a>
                                </div>
                                <div class="menu_shopall_b">
                                    <a href="#">魅族 18s Pro</a>
                                </div>
                                <div class="menu_shopall_c">
                                    <a href="#">￥2299起</a>
                                </div>
                            </div>
                            
<!--                             
                            <c:forEach items="${listt }" var="to">
                            <div class="menu_shopall">
                                <div style="display: none;"><h5>${to.tid}</h5></div>
                                <div class="menu_shopall_a">
                                    <a href="IndexServelt?action=loadallt&tid=${to.tid }" target="_blank"><img src="${to.turl}" alt=""></a>
                                </div>
                                <div class="menu_shopall_b">
                                    <a href="#">${to.tname}</a>
                                </div>
                                <div class="menu_shopall_c">
                                    <a href="#">${to.tprice}</a>
                                </div>
                            </div>
                        </c:forEach> -->
                        <div class="menu_shopall">
                            <div class="menu_shopall_a">
                                <a href="#"><img src="https://res2.vmallres.com/pimages/uomcdn/CN/pms/202209/gbom/GB57010044/800_800_4C37B553202EE0E99465091D169E49D3mp.png" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">华为问界</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">￥22999起</a>
                            </div>
                        </div>
                        <div class="menu_shopall">
                            <div class="menu_shopall_a">
                                <a href="#"><img src="https://openfile.meizu.com/group1/M00/09/F9/Cgbj0GNYhuqAftkpAAYqivnOkRI086.jpg680x680.jpg" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">PANDAER 65W GaN</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">￥229起</a>
                            </div>
                        </div>
                        <div class="menu_shopall">
                            <div class="menu_shopall_a">
                                <a href="#"><img src="https://pic2.zhimg.com/v2-b8424bab19f6569d88136b7a48082b7d_b.webp" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">rap</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">￥999起</a>
                            </div>
                        </div>
                        <div class="menu_shopall">
                            <div class="menu_shopall_a">
                                <a href="#"><img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1628162459.67483588.jpg" alt=""></a>
                            </div>
                            <div class="menu_shopall_b">
                                <a href="#">小米电视大师 77OLED</a>
                            </div>
                            <div class="menu_shopall_c">
                                <a href="#">￥9999起</a>
                            </div>
                        </div>


                        </div>
                    </div>

                </div>

                
                <div class="between_second_third">
                    <a href="#" class="thirdc">智能硬件</a>
                </div>
                <div class="between_second_forth">
                    <a href="#" class="forthc">服务</a>
                </div>
            </div>

            <!-- 搜索栏 -->
            <div class="top_between_third">
                <form action="IndexServelt?action=search" method="post" name="form_inserch" class="serch_all">
                <div class="inserach">
                    <div class="input">
                        <input type="text" class="inputc" id="namec" name="name">
                    </div>
                    <div class="serach_ico">
                            <!-- <img src="./images/serach.png" alt="">
                            <input type="submit" name="surei"> -->
                            <input type = "image" name = "sure" src = "./images/serach.png" inclick ="document.form_inserch.submit()" class="input_image">
                    </div>
                </div>
                </form>
            </div>
        </div>
    </div>
</div>
<form action="IndexServelt?action=loadall" method="post">
    <form action="IndexServelt?action=loadallt" method="post">
        <form action="IndexServelt?action=loadallc" method="post">
            <!-- 介绍条 -->
            <div class="shop_text">
                <div class="shop_text_between">
                    <div class="shop_text_between_1">
                        <a href="#">${ph.pname}${to.tname}${sh.cname}</a>
                    </div>
                    <div class="shop_text_between_2">
                        <a href="#">概述 | 参数</a>
                    </div>
                </div>
            </div>
            <!-- 详情 -->
            <div class="shop_details">
                <div class="shop_details_between">
                    <div class="shop_details_between_left">
                        <img src="https://res2.vmallres.com/pimages/uomcdn/CN/pms/202209/gbom/GB57010044/800_800_4C37B553202EE0E99465091D169E49D3mp.png" alt="" class="shop_details_between_left_img">
                        <!-- 放大镜   元素偏移量offset-->
                        <div class="mask"></div>
                        <div class="big">
                            <img src="https://res2.vmallres.com/pimages/uomcdn/CN/pms/202209/gbom/GB57010044/800_800_4C37B553202EE0E99465091D169E49D3mp.png" alt="" class="bigimg">
                        </div>
                    </div>

                    <div class="shop_details_between_right">
                        <div class="right_shop_name">
                            <a href="#">${ph.pname}${to.tname}${sh.cname}</a>

                        </div>
                        <div class="right_shop_text">
                            <a href="#">高通骁龙 888+ | AR 全场景大师影像系统 | 2K+120Hz 四曲微弧屏 | 0.1s 超声波指纹解锁 | 有线/无线双 40W 超充</a>
                        </div>
                        <div class="right_shop_price">
                            <a href="#">${ph.pprice}${to.tprice}${sh.cprice}</a>
                        </div>
        </form>
    </form>
</form>
<div class="right_shop_where">
    <a href="#">配送到</a>
    <div class="where">
        <a href="#">广东省 湛江市 ></a>
    </div>

</div>

<div class="go">
    <div class="buy">立即购买</div>
    <form action="IndexServelt?action=add" method="post" class="formadd">
        <input type="text" name="cid" id="cid" value="c${ph.pid}${to.tid}${sh.cid}" class="inputh">
        <input type="text" name="curl" id="curl" value="${ph.purl}${to.turl}${sh.curl}" class="inputh">
        <input type="text" name="cname" id="cname" value="${ph.pname}${to.tname}${sh.cname}" class="inputh">
        <input type="text" name="cprice" id="cprice" value="${ph.pprice}${to.tprice}${sh.cprice}" class="inputh">
        <div class="add"><input type="submit" value="加入购物车" class="inputsure" /></div>
    </form>
</div>
</div>
</div>
</div>



</body>

</html>


<!-- 页脚 -->
<div class="footer" style="margin-top: 150px;">
    <div class="footer_between">
        <div class="footer_top">
            <div class="footer_top_1"></div>
            <div class="footer_top_2">
                <div class="topimg1">
                    <img src="https://fms.res.meizu.com/dms/2018/07/13/2c69bf7c-2d29-4fd4-852e-0aa497f36f51.png" alt=""> 
                </div>
                <div class="toptext1">
                    <a href="#">顺丰包邮</a>
                </div>
            </div>
            <div class="footer_top_3">
                <div class="topimg1">
                    <img src="https://fms.res.meizu.com/dms/2018/07/13/1998f0da-a439-4e07-9736-e6a1c39fb0ae.png" alt=""> 
                </div>
                <div class="toptext1">
                    <a href="#">顺丰包邮</a>
                </div>
            </div>
            <div class="footer_top_4">
                <div class="topimg1">
                    <img src="https://fms.res.meizu.com/dms/2018/07/13/2c69bf7c-2d29-4fd4-852e-0aa497f36f51.png" alt=""> 
                </div>
                <div class="toptext1">
                    <a href="#">顺丰包邮</a>
                </div>
            </div>
            <div class="footer_top_5">
                <div class="topimg1">
                    <img src="https://fms.res.meizu.com/dms/2018/07/13/1998f0da-a439-4e07-9736-e6a1c39fb0ae.png" alt=""> 
                </div>
                <div class="toptext1">
                    <a href="#">顺丰包邮</a>
                </div>
            </div>
            <div class="footer_top_6">
                <div class="topimg1">
                    <img src="https://fms.res.meizu.com/dms/2018/07/13/2c69bf7c-2d29-4fd4-852e-0aa497f36f51.png" alt=""> 
                </div>
                <div class="toptext1">
                    <a href="#">顺丰包邮</a>
                </div>
            </div>
            <div class="footer_top_7"></div>
            <div class="footer_top_8">
                <div class="autor1">
                    <li>C2C商城</li>
                </div>
                <div class="autor2">
                    <li>20215120222 &nbsp;&nbsp;</li>
                </div>
            </div>
        </div>
        <div class="footer_under">
            <a href="#">了解C2C | 加入我们 |联系我们 | 简体中文
                ©2022 Meizu Telecom Equipment Co., Ltd. All Rights Reserved.    粤ccc备ccccccccc号-2合字B2-ccc 营业执照法律声明粤公网安备 cccccccccccc 号
                </a>
        </div>
    </div>
</div>

</body>
<script src="./js/index.js"></script>
<script  type="text/javascript" src="./js/jquery-3.6.1.min.js"></script>
<script  type="text/javascript" src="./js/box.js"></script>
</html>